{{content()}}
<div ng-controller="categoryController" class="category">
    <div class="containers ">
        <div class="col-md-12 movies">
            <div class="col-md-12 filters">
                <div class="col-sm-4 col-xs-6 countries">
                    <select ng-model="SelectBoxCountries" ng-change="sortCountries();" ng-options="c.value as c.name for c in countries" ng-init="SelectBoxCountries='all'" class="form-control  selectbox" name="SelectBoxCountries" id="SelectBoxCountries"></select>
                </div>
                <div class="col-sm-2 col-xs-6 years">
                    <select ng-model="SelectBoxYears" ng-change="sortYears();" ng-options="y.value as y.name for y in years" ng-init="SelectBoxYears='all'" class="form-control selectbox" style="width: 100px" name="SelectBoxYears" id="SelectBoxYears"></select>
                </div>
            </div>
            <h4><span class="glyphicon glyphicon-film"></span> PHIM HÀNH ĐỘNG</h4>

            <div class="row">

                <div class="col-sm-2 col-xs-6"
                id="item1"
                ng-mouseover="getMouseover('item1');"
                ng-mouseout="getMouseout('item1');">

                    <a href="{{url('video/detail')}}"><img src="{{url('layouts/skins/frontend/defaults/images/img1.jpg')}}" alt="Image" class="img-responsive" />
                    <span class="overplay" style="display: none;"></span></a>
                </div>
                <div class="col-sm-2 col-xs-6"
                id="item2"
                ng-mouseover="getMouseover('item2');"
                ng-mouseout="getMouseout('item2');">
                    <a href="{{url('video/detail')}}"><img src="{{url('layouts/skins/frontend/defaults/images/img2.jpg')}}" alt="Image" class="img-responsive">
                     <span class="overplay" style="display: none;"></span></a>
                </div>
                <div class="col-sm-2 col-xs-6"
                id="item3"
                ng-mouseover="getMouseover('item3');"
                ng-mouseout="getMouseout('item3');">
                    <a href="{{url('video/detail')}}"><img src="{{url('layouts/skins/frontend/defaults/images/img3.jpg')}}" alt="Image" class="img-responsive">
                     <span class="overplay" style="display: none;"></span></a>
                </div>
                <div class="col-sm-2 col-xs-6"
                id="item4"
                ng-mouseover="getMouseover('item4');"
                ng-mouseout="getMouseout('item4');">
                    <a href="{{url('video/detail')}}"><img src="{{url('layouts/skins/frontend/defaults/images/img4.jpg')}}" alt="Image" class="img-responsive">
                    <span class="overplay" style="display: none;"></span></a>
                </div>
                <div class="col-sm-2 col-xs-6"
                id="item5"
                ng-mouseover="getMouseover('item5');"
                ng-mouseout="getMouseout('item5');">
                    <a href="{{url('video/detail')}}"><img src="{{url('layouts/skins/frontend/defaults/images/img5.jpg')}}" alt="Image" class="img-responsive">
                     <span class="overplay" style="display: none;"></span></a>
                </div>
                <div class="col-sm-2 col-xs-6"
                id="item6"
                ng-mouseover="getMouseover('item6');"
                ng-mouseout="getMouseout('item6');">
                    <a href="{{url('video/detail')}}"><img src="{{url('layouts/skins/frontend/defaults/images/img6.jpg')}}" alt="Image" class="img-responsive">
                     <span class="overplay" style="display: none;"></span></a>
                </div>
                <div class="col-sm-2 col-xs-6"
                id="item7"
                ng-mouseover="getMouseover('item7');"
                ng-mouseout="getMouseout('item7');">
                    <a href="{{url('video/detail')}}"><img src="{{url('layouts/skins/frontend/defaults/images/img7.jpg')}}" class="img-responsive" alt="De Dana Dan">
                     <span class="overplay" style="display: none;"></span></a>
                </div>
                <div class="col-sm-2 col-xs-6"
                id="item8"
                ng-mouseover="getMouseover('item8');"
                ng-mouseout="getMouseout('item8');">
                    <a href="{{url('video/detail')}}"><img src="{{url('layouts/skins/frontend/defaults/images/img8.jpg')}}" class="img-responsive" alt="Duplicate">
                     <span class="overplay" style="display: none;"></span></a>
                </div>
                <div class="col-sm-2 col-xs-6"
                id="item9"
                ng-mouseover="getMouseover('item9');"
                ng-mouseout="getMouseout('item9');">
                    <a href="{{url('video/detail')}}"><img src="{{url('layouts/skins/frontend/defaults/images/img9.jpg')}}" class="img-responsive" alt="Duplicate">
                     <span class="overplay" style="display: none;"></span></a>
                </div>
                <div class="col-sm-2 col-xs-6"
                id="item10"
                ng-mouseover="getMouseover('item10');"
                ng-mouseout="getMouseout('item10');">
                    <a href="{{url('video/detail')}}"><img src="{{url('layouts/skins/frontend/defaults/images/img10.jpg')}}" class="img-responsive" alt="Duplicate">
                     <span class="overplay" style="display: none;"></span></a>
                </div>
                <div class="col-sm-2 col-xs-6"
                id="item11"
                ng-mouseover="getMouseover('item11');"
                ng-mouseout="getMouseout('item11');">
                    <a href="{{url('video/detail')}}"><img src="{{url('layouts/skins/frontend/defaults/images/img11.jpg')}}" class="img-responsive" alt="Duplicate">
                     <span class="overplay" style="display: none;"></span></a>
                </div>
            </div>
            <!--/row-->
            <!--/well-->
        </div>

    </div>
</div>